<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>竞赛介绍</title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/base.css">
		<style>
			body {
				background-color: #f3f4f5;
			}
			.img_title_bg_styel {
				width: 100%;
			}
			.base_left_item {
				position: fixed;
				top: 22px;
				left: 0;
				z-index: 10;
			}
			.base_back_icon {
				height: 30px;
				position: absolute;
				top: 7px;
				left: 7px;
				margin-top: 0;
			}
			.div_botton_style {
				position: absolute;
				left: 35%;
				top: 120px;
			}
			.div_botton_style > img {
				position: absolute;
				width: 100px;
			}
			.icon-baoming {
				width: 40px;
				display: inline-block;
				text-decoration: none;
				-webkit-font-smoothing: antialiased;
			}
			.mui-bar-tab .mui-tab-item .mui-icon {
				top: 3px;
				width: 40px;
				height: 40px;
				padding-top: 0;
				padding-bottom: 0;
			}
			.competition-top-tag {
				background-size: 20px;
				background-image: url(../../image/icon_cmp_xuiqiu.png);
				background-position: center left;
				background-repeat: no-repeat;
				padding-left: 30px;
				font-size: 14px;
				color: #666666;
				height: 20px;
				position: absolute;
				/* right: 10px; */
				left: 10px;
			}
			.competition-top-tag-model {
				background-image: url(../../image/icon_cmp_model.png);
			}
			.competition-top-tag-tongji {
				background-image: url(../../image/icon_cmp_tongji.png);
			}
			.train-cell-top-div {
				height: 30px;
			}
			.mui-table-view.mui-grid-view {
				padding: 0 10px 20px 0;
				background-color: #f3f4f5;
			}
			.mui-icon1 {
				font-family: Muiicons;
				font-size: 24px;
				font-weight: 400;
				font-style: normal;
				line-height: 1;
				display: inline-block;
				text-decoration: none;
				-webkit-font-smoothing: none;
			}
			.botton-div {
				background-color: #36353B;
				color: #fff;
				text-align: center;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			.color-white {
				color: #fff;
			}
			.div_buton {
				width: 20%;
				height: 80px;
				text-align: center;
				margin-top: 10px;
				float: left;
			}
			.div_buton {
				width: 25%;
				height: 60px;
				text-align: center;
				margin-top: 10px;
				float: left;
			}
			.mui-tab-label {
				font-size: 12px;
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				color: #333333;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="../../image/icon_compentition_introduce.jpg"  class="img_title_bg_styel"/>
			<a class="base_left_item" href="#" onclick="backClick()"> <img class="base_back_icon" src="../../image/icon_bgback.png" alt=""/> </a>
			<div  class="div_botton_style" onclick="openwin()"><img src="../../image/compentition_introduce_botton.png" />
			</div>
		</div>
		<div class="train-cell-top-div">
			<span class="competition-top-tag">满足不同比赛需求</span>
		</div>
		<ul class="mui-table-view mui-grid-view">
			<div class="base_dark_grey base_content_font"  style="padding-top: 10px; padding-left: 10px;">
				从简单的线上报名比赛到复杂的多流程比赛（初赛、复赛、决赛），无论是知识类比赛还是操作类比赛，我们都能提供解决方案。
			</div>
			<li class="mui-table-view-cell mui-media mui-col-xs-6">
				<a href="#"> <img class="mui-media-object" src="../../image/icon_c-introduce1.png"> </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-6">
				<a href="#"> <img class="mui-media-object" src="../../image/icon_c-introduce2.png"> </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-6">
				<a href="#"><img class="mui-media-object" src="../../image/icon_c-introduce3.png"> </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-6">
				<a href="#"> <img class="mui-media-object" src="../../image/icon_c-introduce4.png"> </a>
			</li>
		</ul>
		<div class="train-cell-top-div top_10 ">
			<span class="competition-top-tag competition-top-tag-model">提供多种模块应用</span>
		</div>
		<div class="div_divider"></div>
		<div class="base_dark_grey base_content_font "  style=" padding-left: 10px;margin-right: 10px;margin-top: 10px">
			平台采用了模块化的方式，将比赛所涉及的各个模块拆分，并可拼接到比赛的任意流程中，实现比赛流程的全定制化。
		</div>
		<div   class="clearfix" style="padding-bottom:20px;">
			<div class="div_buton" ><img src="../../image/baoming.png" class="  icon-baoming"><span class="mui-tab-label">报名</span>
			</div>
			<div class="div_buton" ><img src="../../image/xuexi.png" class="  icon-baoming"><span class="mui-tab-label">学习</span>
			</div>
			<div class="div_buton" ><img src="../../image/qiangda.png" class="  icon-baoming"><span class="mui-tab-label">签到</span>
			</div>
			<div class="div_buton" ><img src="../../image/pingjia.png" class="  icon-baoming"><span class="mui-tab-label">评价</span>
			</div>
			<div class="div_buton" ><img src="../../image/taopiao.png" class="  icon-baoming"><span class="mui-tab-label">投票</span>
			</div>
			<div class="div_buton" ><img src="../../image/wenjuan.png" class="  icon-baoming"><span class="mui-tab-label">问卷</span>
			</div>
			<div class="div_buton" ><img src="../../image/hudong.png" class="  icon-baoming"><span class="mui-tab-label">互动</span>
			</div>
			<div class="div_buton" ><img src="../../image/shangchuang.png" class="  icon-baoming"></span><span class="mui-tab-label">上传</span>
			</div>
		</div>
		<div class="div_divider"></div>
		<div class="train-cell-top-div top_10" >
			<span class="competition-top-tag competition-top-tag-tongji">提供多种模块应用</span>
		</div>
		<div class="div_divider"></div>
		<div class="base_dark_grey base_content_font"  style="padding-left: 10px;margin-right: 10px;margin-top: 10px">
			借助数据统计功能大幅度提升统计和归档效率，通过可视化的图形报表，一目了然地实时跟进比赛进展，让大赛数据尽收眼底
		</div>

		<img src="../../image/icon-compent-tongji.png" style="width: 100%" />
		<div class="botton-div">
			<p class="color-white base_content_font">
				联系我们
			</p >
			<p class="color-white base_tag_font  top_10">
				如果您有组织竞赛的需求，还可以通过以下联系方式直接和我们沟通
			</p>
			<p class="color-white base_tag_font ">
				手机号：18718181919（微信同号）
			</p>
			<p class="color-white  base_tag_font">
				Q Q号:  609911099
			</p>
		</div>
		<!--	<img src="../../image/compentition_introduce_bg.png"  class="img_title_bg_styel"/>-->
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script type="text/javascript">
		apiready = function() {
		  	SendBehaviorTrajectoriesNotifi1(0, '竞赛介绍页', '169',api.pageParam.sourceurl, api.pageParam.sourcetitle, window.location.pathname,  document.title);
		};
		function openwin() {
		 SendBehaviorTrajectoriesNotifi1(1, '竞赛介绍页', '169',api.pageParam.sourceurl, api.pageParam.sourcetitle, window.location.pathname,  document.title);
		     var pageParam = {
					sourceurl : window.location.pathname,
					sourcetitle : document.title,
				}
			api.openWin({useWKWebView:true,
				allowEdit : true,
				name : 'competition_apply_crad',
				url : 'competition_apply_crad.html',
				pageParam :pageParam
			});
		}

		function backClick() {
			api.closeWin({
			});
		}
	</script>
</html>